<template>
    <div>
        <el-card>
            <el-form
                ref="ruleFormRef"
                style="max-width: 600px"
                :model="ruleForm"
                status-icon
                :rules="rules"
                label-width="auto"
                class="demo-ruleForm"
            >
                <el-form-item label="Password" prop="pass">
                <el-input v-model="ruleForm.pass" type="password" autocomplete="off" />
                </el-form-item>
                <el-form-item label="Confirm" prop="checkPass">
                <el-input
                    v-model="ruleForm.checkPass"
                    type="password"
                    autocomplete="off"
                />
                </el-form-item>
                <el-form-item label="Age" prop="age">
                <el-input v-model.number="ruleForm.age" />
                </el-form-item>
                <el-form-item>
                <el-button type="primary" @click="submitForm(ruleFormRef)">
                    Submit
                </el-button>
                <el-button @click="resetForm(ruleFormRef)">Reset</el-button>
            </el-form-item>
        </el-form>
        </el-card>
    </div>
  <RouterView />
</template>

<script setup>

</script>